<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>中国社区</title>
  <link rel="stylesheet" href="../../css/management/rechargeList.css">
  <link rel="stylesheet" href="../../css/management/managementTabs.css">
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../layui/css/layui.css">
  <script src="../../js/public/jquery-3.3.1.js"></script>
  <script src="../../js/management/management.js"></script>
</head>
<body>
<div class="managementTabs">
  <div class="mt-left">
    <ul>
      <li><span class="circle"></span><a href="../management/fundTransfer.html"></a>资金划拨</li>
      <li><span class="circle"></span><a href="../management/dividendManagement.html"></a>分红管理</li>
      <li><span class="circle"></span><a href="../management/deliveryManagement.html"></a>提货管理</li>
      <li><span class="circle"></span><a href="../management/openList.html"></a>建仓列表</li>
      <li><span class="circle"></span><a href="../management/reinvestList.html"></a>复投列表</li>
      <li><span class="circle"></span><a href="../management/withdrawList.html"></a>提现列表</li>
      <li class="cur"><span class="circle"></span><a href="../management/rechargeList.html"></a>充值列表</li>
      <li><span class="circle"></span><a href="../management/manualRecharge.html"></a>手动充值</li>
      <li><span class="circle"></span><a href="../management/priceManagement.html"></a>RST价格管理</li>
    </ul>
  </div>
  <div class="rechargeList">
    <div class="operating">
      <div class="layui-form">
        <span>类型</span>
        <div style="display:inline-block;width: 196px;margin-left: 20px;margin-right: 40px;">
          <select name="condition" lay-filter="condition">
            <option value="">请选择</option>
            <option value="0">奖金余额</option>
            <option value="1">复投余额</option>
          </select>
        </div>
      </div>
      <div>
        <span>操作时间</span>
        <input type="text" class="layui-input" id="operateTime" placeholder="请输入...">
      </div>
      <div>
        <div class="searchBtn">查询</div>
        <div class="resetBtn">重置</div>
      </div>
    </div>
    <div class="rl-table">
      <table class="layui-hide" id="test"></table>
    </div>
  </div>
</div>
<script src="../../layui/layui.js"></script>
<script>
  $("#nav").height($(window).height());
  $(window).resize(function () {
    $("#nav").height($(window).height());
  });
  layui.use('table', function () {
    var table = layui.table;
    table.render({
      elem: '#test'
//      , url: '/demo/table/user/'
//      , skin: 'nob'
//        ,limits:[5,10,20,50]
      , cols: [[
        {type: 'checkbox'}
        , {field: 'id', title: 'ID'}
        , {field: 'accountNum', title: '账号', minWidth: 100}
        , {field: 'username', title: '姓名', minWidth: 80}
        , {field: 'operate', title: '操作', minWidth: 80}
        , {field: 'accountType', title: '账户类型', minWidth: 100}
        , {field: 'operateAmount', title: '操作金额', minWidth: 120}
        , {field: 'operateTime', title: '操作时间', minWidth: 160, sort: true}
        , {field: 'remarks', title: '备注', minWidth: 140}
      ]]
      , data: [{
        "id": "01"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "02"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "03"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "04"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "05"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "06"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "07"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "08"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "09"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "10"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }, {
        "id": "11"
        , "accountNum": 12345678
        , "username": "张三"
        , "operate": "增加"
        , "accountType": "复投账户"
        , "operateAmount": "100.00"
        , "operateTime": "2018.01.01 18:00:00"
        , "remarks": "补佣金计算错误"
      }]
      , page: true
    });
  });
  layui.use('laydate', function () {
    var laydate = layui.laydate;
    laydate.render({
      elem: '#operateTime'
      , type: 'datetime'
      , theme: '#2d528f'
      ,range: true
    });
  });
</script>
</body>
</html>